<template>
  <div>
    <el-form ref="form" :model="form"   :inline="false" label-width="140px">

        <el-form-item label="公司" prop="company">
          <el-input v-model="form.company" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="部门" prop="deptName">
          <el-input v-model="form.deptName" style="width: 200px" :disabled="true"/>
        </el-form-item>

        <el-form-item label="职级" prop="rankName">
            <el-input v-model="form.rankName" style="width: 200px" :disabled="true" />
        </el-form-item>

        <el-form-item label="岗位" prop="postName">
           <el-input v-model="form.post" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="姓名" prop="userName">
          <el-input v-model="form.userName" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="生肖" prop="animalSign">
          <el-input v-model="form.animalSign" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="手机" prop="phoneNum">
          <el-input v-model="form.phoneNum" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="身份证" prop="identification">
          <el-input v-model="form.identification" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="出生日期" prop="birthday">
          <el-input v-model="form.identification" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="年龄" prop="age">
          <el-input v-model="form.age" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="身高/cm" prop="height">
          <el-input v-model="form.height" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="体重/kg" prop="weight">
          <el-input v-model="form.weight" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="健康情况" prop="health">
          <el-radio  v-model="form.health" label="0">是</el-radio>
          <el-radio  v-model="form.health" label="1">否</el-radio>
        </el-form-item>
        <el-form-item label="实习薪资" prop="internshipSalary">
          <el-input v-model="form.internshipSalary" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="试用时间/月" prop="probationTime">
          <el-input v-model="form.probationTime" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="试用期工资" prop="probationSalary">
          <el-input v-model="form.probationSalary" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="转正后工资" prop="positiveSalary">
          <el-input v-model="form.positiveSalary" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="入职日期" prop="entryDate">
          <el-input v-model="form.entryDate" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="籍贯" prop="nativePlace">
          <el-input v-model="form.nativePlace" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="民族" prop="nation">
          <el-input v-model="form.nation" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="学历" prop="educational">
          <el-radio  v-model="form.educational" label="0" :disabled="true">非全日制</el-radio>
          <el-radio  v-model="form.educational" label="1" :disabled="true">全日制</el-radio>
        </el-form-item>
        <el-form-item label="开户行" prop="bankDeposit">
          <el-input v-model="form.bankDeposit" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="银行账号" prop="bankAccountNumber">
          <el-input v-model="form.bankAccountNumber" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="现住址" prop="presentAddress">
          <el-input v-model="form.presentAddress" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="紧急联系人" prop="emergencyContact">
          <el-input v-model="form.emergencyContact" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="所属关系" prop="ownership">
          <el-input v-model="form.ownership" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="手机" prop="emergencyPhone">
          <el-input v-model="form.emergencyPhone" style="width: 200px" :disabled="true"/>
        </el-form-item>

        <el-form-item label="劳动合同签约时间" prop="laborContractSigningTime">
          <el-input v-model="form.laborContractSigningTime" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="劳动合同到期时间" prop="laborContractExpirationTime">
          <el-input v-model="form.laborContractExpirationTime" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="技能" prop="skill">
          <el-input v-model="form.skill" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="爱好" prop="hobby">
          <el-input v-model="form.hobby" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="购买商业保险" prop="commercialInsurance">
<!--                    <el-input v-model="form.commercialInsurance" placeholder="请输入商业保险" />-->
          <el-radio  v-model="form.commercialInsurance" label="是" :disabled="true">是</el-radio>
          <el-radio  v-model="form.commercialInsurance" label="否" :disabled="true">否</el-radio>
        </el-form-item>
        <el-form-item label="奖励证书" prop="awardCertificate">
          <a :href="url+`${form.awardCertificate}`" style="color: #00afff">查看文件</a>
        </el-form-item>

        <el-form-item label="自我评价" prop="selfEvaluation">
          <el-input v-model="form.selfEvaluation" style="width: 200px" :disabled="true" />
        </el-form-item>
        <el-form-item label="发展期望" prop="developmentExpectation">
          <el-input v-model="form.developmentExpectation" style="width: 200px" :disabled="true"/>
        </el-form-item>

        <el-form-item label="申请人" prop="applyUserName">
          <el-input v-model="form.applyUserName" style="width: 200px" :disabled="true"/>
        </el-form-item>

        <el-form-item label="备注" prop="remark">
          <el-input v-model="form.remark" type="textarea" style="width: 200px" :disabled="true"/>
        </el-form-item>
        <el-form-item label="是否使用流程模板" prop="typeStatus">
          <el-radio  v-model="form.typeStatus" label="0" :disabled="true">是</el-radio>
          <el-radio  v-model="form.typeStatus" label="1" :disabled="true">否</el-radio>
        </el-form-item>
        <el-divider content-position="center">工作经验信息</el-divider>
        <el-table :data="form.oaEntryWorkExperienceList" :row-class-name="rowOaEntryWorkExperienceIndex">
          <el-table-column type="selection" width="50" align="center" />
          <el-table-column label="序号" align="center" prop="index" width="50"/>
          <el-table-column label="开始年月" prop="startDate" width="240">
            <template slot-scope="scope">
              <el-date-picker v-model="scope.row.startDate" type="date" value-format="yyyy-MM-dd" :disabled="true"/>
            </template>
          </el-table-column>
          <el-table-column label="结束年月" prop="endDate" width="240">
            <template slot-scope="scope">
              <el-date-picker clearable v-model="scope.row.endDate" type="date" value-format="yyyy-MM-dd" :disabled="true"/>
            </template>
          </el-table-column>
          <el-table-column label="工作单位" prop="company" width="150">
            <template slot-scope="scope">
              <el-input v-model="scope.row.company" :disabled="true"/>
            </template>
          </el-table-column>
          <el-table-column label="职位" prop="post" width="150">
            <template slot-scope="scope">
              <el-input v-model="scope.row.post" :disabled="true"/>
            </template>
          </el-table-column>
          <el-table-column label="离职原因" prop="resignationReason" width="150">
            <template slot-scope="scope">
              <el-input v-model="scope.row.resignationReason" :disabled="true"/>
            </template>
          </el-table-column>
        </el-table>
        <el-divider content-position="center">教育经历信息</el-divider>
        <el-table :data="form.oaEntryEducationExperienceList" :row-class-name="rowOaEntryEducationExperienceIndex" @selection-change="handleOaEntryEducationExperienceSelectionChange" ref="oaEntryEducationExperience">
          <el-table-column type="selection" width="50" align="center" />
          <el-table-column label="序号" align="center" prop="index" width="50"/>
          <el-table-column label="开始年月" prop="startDate" width="240">
            <template slot-scope="scope">
              <el-date-picker clearable v-model="scope.row.startDate" type="date" value-format="yyyy-MM-dd" :disabled="true"/>
            </template>
          </el-table-column>
          <el-table-column label="结束年月" prop="endDate" width="240">
            <template slot-scope="scope">
              <el-date-picker clearable v-model="scope.row.endDate" type="date" value-format="yyyy-MM-dd" :disabled="true" />
            </template>
          </el-table-column>
          <el-table-column label="学校" prop="school" width="150">
            <template slot-scope="scope">
              <el-input v-model="scope.row.school" :disabled="true" />
            </template>
          </el-table-column>
          <el-table-column label="专业" prop="profession" width="150">
            <template slot-scope="scope">
              <el-input v-model="scope.row.profession" :disabled="true" />
            </template>
          </el-table-column>
          <el-table-column label="技能" prop="skill" width="150">
            <template slot-scope="scope">
              <el-input v-model="scope.row.skill" :disabled="true" />
            </template>
          </el-table-column>
        </el-table>
    </el-form>

  </div>
</template>

<script>
export default {
  name: "oaEntry.vue",
  props:{form:Object},
  data(){
    return{
      url:process.env.VUE_APP_BASE_API,
    }
  },
  methods:{
    rowOaEntryWorkExperienceIndex({ row, rowIndex }) {
      row.index = rowIndex + 1;
    },
  },
  created() {
  }
}
</script>

<style scoped>

</style>
